<div class="cblock maindisplay">
	
    <div class="showcase" id="promo_slides">
    	<div class="showcase-slide">
    		<a href="#"><img src="promos/01.jpg" alt=""></a>
    	</div>
    	<div class="showcase-slide">
    		<a href="#"><img src="promos/02.jpg" alt=""></a>
    	</div>
    	<div class="showcase-slide">
    		<a href="#"><img src="promos/03.jpg" alt=""></a>
    	</div>
    	<div class="showcase-slide">
    		<a href="#"><img src="promos/04.jpg" alt=""></a>
    	</div>
    </div>
    
    <script type="text/javascript">

	$(document).ready(function()
	{
		$("#promo_slides").awShowcase(
		{
			content_width:			700,
			content_height:			240,
			fit_to_parent:			false,
			auto:					true,
			interval:				3000,
			continuous:				false,
			loading:				true,
			tooltip_width:			200,
			tooltip_icon_width:		32,
			tooltip_icon_height:	32,
			tooltip_offsetx:		18,
			tooltip_offsety:		0,
			arrows:					false,
			buttons:				true,
			btn_numbers:			false,
			keybord_keys:			false,
			mousetrace:				false, /* Trace x and y coordinates for the mouse */
			pauseonover:			true,
			stoponclick:			false,
			transition:				'fade', /* hslide/vslide/fade */
			transition_delay:		0,
			transition_speed:		300,
			show_caption:			'onload', /* onload/onhover/show */
			thumbnails:				false,
			thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
			thumbnails_direction:	'vertical', /* vertical/horizontal */
			thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
			dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
			speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
			viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
			custom_function:		null /* Define a custom function that runs on content change */
		});
	});

	</script>


	<h2>Product category</h2>	
	<div class="productlist">
		<div class="mblock clearfix listinfo">
			<div class="pagination lblock">
				<a href="#" class="prv">Previous</a>
				<a href="#">1</a>
				<a href="#" class="active">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#" class="nxt">Next</a>
			</div>
			<div class="count rblock">
				showing 73 - 96 on 242 items
			</div>
		</div>
		
		<div class="products">
			<div class="product">
				<div class="mblock clearfix inner">
					<div class="lblock pimage">
						<img src="https://a248.e.akamai.net/origin-images.staples-eu.com/App_Themes/ck-CK/images/product/uk_408599_1_thb.jpg" alt="" />
					</div>
					<div class="rblock actions">
						<a href="#" class="details">Details</a>
						<div class="quadd">
							<label>Quantity :</label><input type="text" class="qinp"><a href="#" class="add">Add to Basket</a>
						</div>
					</div>
					<div class="rblock prices">
						Only : 
						<div class="formatedPrice">£33.32</div>
					</div>
					<div class="cblock desc">
						<div class="title"><a href="/furniture/seating/operator-seating/below-50-00/team-operator-chairs/team-operator-chair-with-arms-black?r=bf">Team Operator Chair with Arms Black</a></div>
						<div class="SellingUnit"> 1 Each </div>
						<div class="webid">Item Number : WW - 384178</div>						
					</div>
				</div>
			</div>
			<div class="product">
				<div class="mblock clearfix inner">
					<div class="lblock pimage">
						<img src="https://a248.e.akamai.net/origin-images.staples-eu.com/App_Themes/ck-CK/images/product/uk_408599_1_thb.jpg" alt="" />
					</div>
					<div class="rblock actions">
						<a href="#" class="details">Details</a>
						<div class="quadd">
							<label>Quantity :</label><input type="text" class="qinp"><a href="#" class="add">Add to Basket</a>
						</div>
					</div>
					<div class="rblock prices">
						Only : 
						<div class="formatedPrice">£33.32</div>
					</div>
					<div class="cblock desc">
						<div class="title"><a href="/furniture/seating/operator-seating/below-50-00/team-operator-chairs/team-operator-chair-with-arms-black?r=bf">Team Operator Chair with Arms Black</a></div>
						<div class="SellingUnit"> 1 Each </div>
						<div class="webid">Item Number : WW - 384178</div>
					</div>
				</div>
			</div>
			<div class="product">
				<div class="mblock clearfix inner">
					<div class="lblock pimage">
						<img src="https://a248.e.akamai.net/origin-images.staples-eu.com/App_Themes/ck-CK/images/product/uk_408599_1_thb.jpg" alt="" />
					</div>
					<div class="rblock actions">
						<a href="#" class="details">Details</a>
						<div class="quadd">
							<label>Quantity :</label><input type="text" class="qinp"><a href="#" class="add">Add to Basket</a>
						</div>
					</div>
					<div class="rblock prices">
						Only : 
						<div class="formatedPrice">£33.32</div>
					</div>
					<div class="cblock desc">
						<div class="title"><a href="/furniture/seating/operator-seating/below-50-00/team-operator-chairs/team-operator-chair-with-arms-black?r=bf">Team Operator Chair with Arms Black</a></div>
						<div class="SellingUnit"> 1 Each </div>
						<div class="webid">Item Number : WW - 384178</div>
					</div>
				</div>
			</div>
			<div class="product">
				<div class="mblock clearfix inner">
					<div class="lblock pimage">
						<img src="https://a248.e.akamai.net/origin-images.staples-eu.com/App_Themes/ck-CK/images/product/uk_408599_1_thb.jpg" alt="" />
					</div>
					<div class="rblock actions">
						<a href="#" class="details">Details</a>
						<div class="quadd">
							<label>Quantity :</label><input type="text" class="qinp"><a href="#" class="add">Add to Basket</a>
						</div>
					</div>
					<div class="rblock prices">
						Only : 
						<div class="formatedPrice">£33.32</div>
					</div>
					<div class="cblock desc">
						<div class="title"><a href="/furniture/seating/operator-seating/below-50-00/team-operator-chairs/team-operator-chair-with-arms-black?r=bf">Team Operator Chair with Arms Black</a></div>
						<div class="SellingUnit"> 1 Each </div>
						<div class="webid">Item Number : WW - 384178</div>
					</div>
				</div>
			</div>
			</div>
		
		<div class="mblock clearfix listinfo">
			<div class="pagination lblock">
				<a href="#" class="prv">Previous</a>
				<a href="#">1</a>
				<a href="#" class="active">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#" class="nxt">Next</a>
			</div>
			<div class="count rblock">
				showing 73 - 96 on 242 items
			</div>
		</div>
	</div>
	
</div>